<template>
    <div class="check-button" :class="{check:isChecked}">
      <img src="~assets/images/right.png" alt="">
    </div>
</template>

<script>
    export default {
        name: "CheckButton",
      props:{
          isChecked:{
            type:Boolean,
            default:false
          }
      }
    }
</script>

<style scoped>
.check-button{
  background-color: red; border-radius: 50%;
  border: 2px solid #1caa12;
  text-align: center;
}
.check-button img{width:100%;}
  .check{border: 2px solid red}
</style>
